<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>
		<link rel="stylesheet" type="text/css" href="css/index.css" charset="UTF-8" />
		<link rel="stylesheet" type="text/css" href="css/public.css" charset="UTF-8" />
		<link rel="stylesheet" type="text/css" href="css/eleme_icons.css" charset="UTF-8" />
	</head>

	<body>
		<!--主体显示面板开始-->
		
		<div class="profile-panel">
			<div class="profile-panelcontent">
				<!--上面板开始-->
				<div class="profile-info">
					<div class="profile-infoitem">
						<div class="profile-avatarwrap">
							<img alt="张宇直的头像" class="profile-avatar" src="img/main-media/takeout.408a87.png" />
							<a href="#" class="profile-edit">编辑资料</a>
						</div>
						<div class="profile-persondata">
							<h3 class="profile-name">中午好，<strong class="username-binding">张宇直</strong>
							</h3>
							<p class="profile-tips">小主，今天午餐想吃点啥？</p>
							<p class="profile-security">
								账户安全：<span class="safe">高</span>
								<a href="#" class="seedetail">查看详情</a>
							</p>
							<p class="profile-othermessage">
								<a href="#" class="icon-profile-phone"></a>
								<a href="#" class="icon-profile-email"></a>
							</p>
						</div>
					</div>
					<div class="profile-infoitem">
						<a class="inherit" href="#">
							<p>我的红包</p>
							<p class="profile-infoitem-hongbaoNumber">
								<span class="number">2</span>个
							</p>
						</a>
					</div>
					<div class="profile-infoitem">
						<a class="inherit" href="#">
							<p>我的金币</p>
							<p class="profile-infoitem-scoreNumber">
								<span class="number">2080</span>个
							</p>
						</a>
					</div>
					<div class="profile-infoitem">
						<a class="inherit" href="#">
							<p>账户余额</p>
							<p class="profile-infoitem-balanceNumber">
								<span class="number">0.00</span>元
							</p>
						</a>
					</div>
				</div>
				<!--上面板结束-->
				<!--中面板开始-->
				<div class="profile-order">
					<div class="tabnavigation">
						<a class="tabnavigation-navitem active">最近订单</a>
						<a class="tabnavigation-rightitem-profile-allOrder" href="#">查看全部订单></a>
					</div>
					<div class="profile-order-content">
						<div class="loading">
							<img src="img/profile-loading.4984fa.gif" alt="正在加载" class="ng-scope" /> 正在载入最近订单...
						</div>
						<div class="orderblock">
							<div class="orderblock-item orderblock-rstinfo clearfix">
								<a class="logo" href="#">
									<img alt="商家 LOGO" src="img/3f136b3096d04309c5b6c491cde5bjpeg.webp" />
								</a>
								<h3 class="name">
									<a class="inherit" href="#">汉堡王（南京雨花丰盛餐厅）</a>
								</h3>
								<p class="product">霸王鸡盒1份</p>
								<a class="productnum" href="#">
									共<i class="count">1</i>个菜品>
								</a>
							</div>
							<div class="orderblock-item orderblock-time">
								17-12-21<br />15:36
							</div>
							<div class="orderblock-item orderblock-price">
								<p class="total">￥37.50</p>
								<span class="onlinePay">在线支付</span>
							</div>
							<div class="orderblock-item orderblock-status">
								<p class="status">订单已取消</p>
								<a class="statusLink" href="#">订单详情</a>
							</div>
						</div>
						<div class="orderblock">
							<div class="orderblock-item orderblock-rstinfo clearfix">
								<a class="logo" href="#">
									<img alt="商家 LOGO" src="img/e296c4645b581bc7c74ca82886753jpeg.webp" />
								</a>
								<h3 class="name">
											<a class="inherit" href="#">牛哥的凉皮铺（虹悦城店）</a>
										</h3>
								<p class="product">招牌肉酱凉皮1份/老潼关肉夹馍1份</p>
								<a class="productnum" href="#">
									共<i class="count">2</i>个菜品>
								</a>
							</div>
							<div class="orderblock-item orderblock-time">
								17-12-21<br />17:51
							</div>
							<div class="orderblock-item orderblock-price">
								<p class="total">￥18.00</p>
								<span class="onlinePay">在线支付</span>
							</div>
							<div class="orderblock-item orderblock-status">
								<p class="status">订单已完成</p>
								<a class="statusLink" href="#">订单详情</a>
							</div>
						</div>
						<div class="orderblock">
							<div class="orderblock-item orderblock-rstinfo clearfix">
								<a class="logo" href="#">
									<img alt="商家 LOGO" src="img/4d1cf7c4007f6a23c5ad7082434f2png.webp" />
								</a>
								<h3 class="name">
											<a class="inherit" href="#">益丰大药房（南京经久市场）</a>
										</h3>
								<p class="product">铝碳酸镁片(达喜30片1份 / 奥美拉唑镁肠溶片OTC7片1份)</p>
								<a class="productnum" href="#">
									共<i class="count">2</i>个菜品>
								</a>
							</div>
							<div class="orderblock-item orderblock-time">
								17-12-11<br />11:51
							</div>
							<div class="orderblock-item orderblock-price">
								<p class="total">￥59.30</p>
								<span class="onlinePay">在线支付</span>
							</div>
							<div class="orderblock-item orderblock-status">
								<p class="status">订单已完成</p>
								<a class="statusLink" href="#">订单详情</a>
							</div>
						</div>
					</div>
				</div>
				<!--中面板结束-->
				<!--下面板开始-->
				<div class="profile-footprint">
					<div class="tabnavigation">
						<a class="tabnavigation-navitem active">美食足迹</a>
						<a class="tabnavigation-navitem" href="#">我的收藏</a>
						<div class="tabnavigation-rightitem">
							1/1
							<span class="icon-profile-left-arrow"></span>
							<span class="icon-profile-right-arrow"></span>
						</div>
					</div>
					<div class="footprint-content clearfix">
						<a class="noline rstblock" href="#">
							<div class="rstblock-logo">
								<img class="rstblock-logo-icon" src="img/3f136b3096d04309c5b6c491cde5bjpeg.webp" alt="牛哥的凉皮铺(虹悦城店)" />
								<span class="">45分钟</span>
							</div>
							<div class="rstblock-content">
								<div class="rstblock-title">牛哥的凉皮铺(虹悦城店)</div>
								<div class="starrating icon-star">
									<span class="icon-star" style="width: 98%;"></span>
								</div>
								<span class="rstblock-monthsales">月售408单</span>
								<div class="rstblock-cost">配送费￥4.5</div>
								<div class="rstblock-activity">
									<i class="bao" style="background: rgb(255,255,255); color: rgb(153,153,153); border: 1px solid; padding: 0px;">保</i>
								</div>
							</div>
						</a>
					</div>
				</div>
				<!--下面板结束-->
			</div>
		</div>
		<!--主体显示面板结束-->
	</body>

</html>